/**
 * Created by chenwenxiao on 2016/9/19.
 */
@import "../config.less";

.header{
}
.header .nav{
    transition: all 0.3s;
}
.header .logo-img{
    height: 40px;
    margin: 5px 20px;
    width: auto;
}
.header.nav-fix .logo-img{
    display: none;
}
.header .logo-img-w{
    height: 40px;
    margin: 5px 20px;
    width: auto;
    display: none;
}
.header.nav-fix .logo-img-w{
    display: inline-block;
}
.header .nav > li a::before{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: all .2s;
}
.header .nav > li:hover a::before,.header .nav > li.active a::before{
    transform: scaleX(1);
    background: @color-theme-branch;
    transition: all .2s;
}
.header .nav .dropdown li a::before{
    display: none;
}
.header .nav .dropdown li.active a{
    color: @color-fff;
}
.header .nav > li.active a,.header .nav > li:hover a{
    color: @color-333;
}
.header .navbar-nav .open .dropdown-menu{
    background-color: @color-fff;
}

/*反色*/
.header.nav-fix{
    background: rgba(48, 18, 25, 0.75);
    transition: background @time-normal;
}
.header.nav-fix .nav li a{
    color:@color-fff;
}
.header.nav-fix .nav li.active a,.header.nav-fix .nav li:hover a{
    color: @color-333
}
.header.nav-fix .nav li:hover a{
    color:@color-line;
}
.header.nav-fix .nav > li:hover a::before,.header.nav-fix .nav > li.active a::before{
    background: @color-theme-menu-secondary;
}
.header.nav-fix .nav .dropdown a,.header.nav-fix .nav .dropdown li.active a,.header.nav-fix .nav .dropdown li.active:hover a{
    color: @color-fff;
}
.header.nav-fix .nav .dropdown.open a{
    color: @color-333;
}
.header.nav-fix .nav .dropdown li:hover a{
    color: @color-666;
}
.header.nav-fix .navbar-nav .open .dropdown-menu{
    background-color: rgba(48, 18, 25, 0.75);
}
.header.nav-fix .navbar-nav .open .dropdown-menu li a{
    color:@color-fff
}
.header.nav-fix .navbar-nav .open .dropdown-menu li:hover a{
    color: @color-666;
}
.header.nav-fix .navbar-nav .open .dropdown-menu li.active:hover a{
    color: @color-fff;
}
